<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
<h:outputStylesheet name="css/test.css" />
<f:view>
	<ui:composition template="layout/layout.xhtml">
		<ui:define name="body">

			<h:form id="form">
				<p:panelGrid style="margin-left:25%" >
					<p:row>
						<p:column>
							<p:outputLabel>Fecha de Inicio:</p:outputLabel>
							<p:calendar value="#{repEmpBean.fechaIni}" mode="inline" id="inlineCal">
								<f:ajax event="dateSelect" />
							</p:calendar>
						</p:column>
						<p:column>
							<p:outputLabel>Fecha de Fin:</p:outputLabel>
							<p:calendar value="#{repEmpBean.fechaFin}" mode="inline" id="inlineCal2">
								<f:ajax event="dateSelect" />
							</p:calendar>
						</p:column>
						<p:column>
							<p:commandButton value="Listar" action="#{repEmpBean.tareasDelArea}" styleClass="ui-priority-primary" immediate="true" ajax="false" update="actualiza" />
						</p:column>
					</p:row>
				</p:panelGrid>
				<br />
				<br />
				<h2>
					<p:outputLabel value="Reporte desde #{repEmpBean.fechaInicioTS()} al #{repEmpBean.fechaFinTS()}" style="margin-left:25%" />
				</h2>
				<br />
				<ui:repeat id="actualiza" var="soporte" value="#{repEmpBean.tareasDelArea()}">
					<p:panelGrid style="width:50%;margin-left:25%">
						<f:facet name="header">
							<p:row>
								<p:column>Area de Trabajo</p:column>
								<p:column>Detalle</p:column>
								<p:column style="width:10%">Cantidad</p:column>
							</p:row>
						</f:facet>
						<p:row>
							<p:column rowspan="10">
								<p:outputLabel value="#{soporte.areaDelReporte.nombre}" />
							</p:column>
							<p:column>Creadas</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.creadas}" />
							</p:column>
						</p:row>

						<p:row>
							<p:column>Finalizadas</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.finalizadas}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>Finalizadas Vencidas</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.finalizadasVencidas}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>Vencidas Sin Finalizar</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.vencidasSinFinalizar}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>Prioridad Critica</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.prioridadCritica}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>Prioridad Muy Alta</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.prioridadMuyAlta}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>Prioridad Alta</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.prioridadAlta}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>Prioridad Media</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.prioridadMedia}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>Prioridad Baja</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.prioridadBaja}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>Prioridad Muy Baja</p:column>
							<p:column>
								<p:outputLabel value="#{soporte.prioridadMuyBaja}" />
							</p:column>
						</p:row>

					</p:panelGrid>
				</ui:repeat>
			</h:form>
		</ui:define>
	</ui:composition>
</f:view>

</html>